.headNav{
	background: #f2f2f2!important;
	background-image: none!important;
	border-bottom: 1rpx solid #f4f4f4;
}
.nav {
		height: 88rpx;
		width: 100%;
		display: flex;
		background-color: #FFFFFF;
		align-items: center;

		view {
			flex: 1;
			height: 60rpx;
			margin-top: 6rpx;
			color: $color-gray-l;
			font-size: $fontSize-lb;
			text-align: center;
		}

		.on {
			color: $color-black-s;
			position: relative;
			&::after {
			        content: '';
			        position: absolute;
			        left: 50%;
					margin-left: -15rpx;
			        top: auto;
			        bottom: 6rpx;
			        right: auto;
			        height: 6rpx;
			        width: 30rpx;
					border-radius: 6rpx;
			        background-color: #3ECCA9;
			    }
		}
	}
	
.model{
	background-color:#ffffff;
	margin-top: 20px;
	width: 100%;
	.mod-item{
		width: 100%;
		height: 120rpx;
		display: flex;
		position: relative;
		.l{
			width: 286rpx;
			height: 100%;
			display: flex;
			align-items: center;
			padding-left: 34rpx;
			color: $color-black-s;
			font-size:$fontSize-base;
		}
		
		.r{
			flex: 1;
			height: 100%;
			color: $color-black-s;
			display: flex;
			align-items: center;
			font-size:$fontSize-base;
		}
		
		.iconfont {
			position: absolute;
			right: 40rpx;
			top: 50%;
			color: $color-gray-l;
			margin-top: -18upx;
			font-size: 36upx;
			transform: rotate(180deg);
			transform: rotateZ(180deg);
		}
	}
}

.calculator{
	margin: auto;
	width: 85%;
	height: 88rpx;
	// text-align: center;
	line-height: 100%;
	color: #FFFFFF;
	font-size: 30rpx;
	margin-top: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:10rpx;
	background-color: $color-primary;
}

.header{
	width: 100%;
	height: 150upx;
	background-color: $color-primary;
	display: flex;
	align-items: center;
	justify-content: center;
	>.top{
		box-sizing: border-box;
		padding: 20upx;
		display: flex;
		align-items: center;
		justify-content: center;
		> .searchIcon{
			font-size: 35upx;
			margin-left: 30upx;
		}
		>.searchBox{
			background-color: #fff;
			display: flex;
			align-items: center;
			border-radius: 20px;
			box-sizing: border-box;
			width: 700upx;
			padding: 10upx 20upx;
			> image{
				width: 35upx;
				height: 30upx;
			}
			>input{
				font-size: $fontSize-base;
				margin-left: 20px;
				width: 100%;
			}
		}
		>.btnGroup{
			display: flex;
			justify-content: space-between;
			width: 15%;
			align-items: center;
			>.iconfont{
				color: $color-font;
				font-size:$fontSize-lg ;
			}
		}
	}
	>.bottom{
		color: $color-font;
		font-size: $fontSize-lg;
		padding: 20upx;
	}
}